<template>
<div>
  <div class="detail_photos">
    <div v-for="(item,id) in photos" :key="id">
      <el-image style="width: 110px; height: 110px;margin: 10px 10px" :src="item|setWH('130.180')" fit="fill" :preview-src-list="photos" ></el-image>
    </div>
  </div>


</div>
</template>

<script>
export default {
  name: "photos",
  props:{
    photos:{
       type:Array,
      required:true
    }
  }
}
</script>

<style scoped>
.detail_photos{
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-wrap: wrap;
}
.detail_photos:after{
  content: '';
  flex-grow:1;
}
</style>
